﻿<!DOCTYPE HTML>
<%@page contentType="text/html; charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"  %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"  %>
<% String path = request.getContextPath(); %>
<html xmlns:wb="http://open.weibo.com/wb">
<head>
    <script type="text/javascript" async="" src="<%=path%>/static/web/js/conversion.js"></script>
    <script src="<%=path%>/static/web/js/allmobilize.min.js" charset="utf-8" id="allmobilize"></script>
    <style type="text/css"></style>
    <meta content="no-siteapp" http-equiv="Cache-Control">
    <link media="handheld" rel="alternate">
    <!-- end 云适配 -->
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
    <title>我收藏的职位</title>
    <meta content="23635710066417756375" property="qc:admins">
    <meta name="description" content="拉勾网是3W旗下的互联网领域垂直招聘网站,互联网职业机会尽在拉勾网">
    <meta name="keywords"
          content="拉勾,拉勾网,拉勾招聘,拉钩, 拉钩网 ,互联网招聘,拉勾互联网招聘, 移动互联网招聘, 垂直互联网招聘, 微信招聘, 微博招聘, 拉勾官网, 拉勾百科,跳槽, 高薪职位, 互联网圈子, IT招聘, 职场招聘, 猎头招聘,O2O招聘, LBS招聘, 社交招聘, 校园招聘, 校招,社会招聘,社招">
    <meta content="QIQ6KC1oZ6" name="baidu-site-verification">

    <!-- <div class="web_root"  style="display:none">h</div> -->
    <script type="text/javascript">
        var ctx = "h";
    </script>
    <link href="h/images/favicon.ico" rel="Shortcut Icon">
    <link href="<%=path%>/static/web/css/style.css" type="text/css" rel="stylesheet">
    <link href="<%=path%>/static/web/css/external.min.css" type="text/css" rel="stylesheet">
    <link href="<%=path%>/static/web/css/popup.css" type="text/css" rel="stylesheet">
    <script type="text/javascript" src="<%=path%>/static/web/js/jquery.1.10.1.min.js"></script>
    <script src="<%=path%>/static/web/js/jquery.lib.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="<%=path%>/static/web/js/ajaxfileupload.js"></script>
    <script src="<%=path%>/static/web/js/additional-methods.js" type="text/javascript"></script>
    <!--[if lte IE 8]>
    <script type="text/javascript" src="<%=path%>/static/web/js/excanvas.js"></script>
<![endif]-->
    <script type="text/javascript">
        var youdao_conv_id = 271546;
    </script>
    <script src="<%=path%>/static/web/js/conv.js" type="text/javascript"></script>
    <script src="<%=path%>/static/web/js/ajaxCross.json" charset="UTF-8"></script>
    <script>
        $(function(){
            $(".my_collections").on("click","li div #cancelColl",function(){
               cancelColl(this);
            });
        });
        function cancelColl(object){
            var id = $(object).attr("data");
            $.ajax({
                url: "/zhuang/job/collection",
                data: {jobId:id, sign:"cancelColl"},
                async: false,
                success: function () {
                    location.reload();
                }
            });
        }
    </script>
</head>
<body>
<div id="body">
    <jsp:include page="/zhuang/include/header"></jsp:include>
    <div id="container">

        <div class="clearfix">
            <div class="content_l">
                <dl class="c_collections">
                    <dt>
                        <h1><em></em>我收藏的职位</h1>
                    </dt>
                    <dd>
                        <form id="collectionsForm">
                            <ul class="reset my_collections">
								<c:forEach items="${pageInfo.list}" var="collection" varStatus="stat">
									<li data-id="${collection.id}">
										<a title="${collection.job.company.companyName}" target="_blank" href="/zhuang/company/myhome?id=${collection.job.company.id}">
											<img alt="${collection.job.company.companyName}"
												 src="<%=path%>/static/uploadImg/${collection.job.company.logo}">
										</a>
										<div class="co_item">
											<h2 title="${collection.job.name}">
												<a target="_blank" href="/zhuang/job/jobDetail?jobId=${collection.job.id}">
													<em>${collection.job.name}</em>
													<span>（${collection.job.money.range}）</span>
												</a>
											</h2>
											<span class="co_time">收藏时间：<fmt:formatDate value="${collection.inputTime}" pattern="yyyy-MM-dd hh:mm:ss"></fmt:formatDate></span>
											<div class="co_cate">${collection.job.company.companyName} / ${collection.job.city.cityName} / ${collection.job.exRequire.require} / ${collection.job.degree.title}</div>
											<span class="co_youhuo c7">${collection.job.treatment}</span><br>
											<span class="time">发布时间：<fmt:formatDate value="${collection.job.inputTime}" pattern="yyyy-MM-dd hh:mm:ss"></fmt:formatDate></span>
											<a class="collection_link" target="_blank" href="/zhuang/job/jobDetail?jobId=${collection.job.id}">投个简历</a>
											<i></i>
											<a class="collectionCancel collection_link collected" href="javascript:;" id="cancelColl" data="${collection.job.id}">
												取消收藏
												<span>已取消收藏</span>
											</a>
										</div>
									</li>
								</c:forEach>
                            </ul>
                        </form>
                    </dd>
                </dl>
            </div>
            <div class="content_r">
                <div class="mycenterR" id="myInfo">
                    <h2>我的信息</h2>
                    <a target="_blank" href="/zhuang/user/delivery">我的投递记录</a>
                    <br>
                    <a target="_blank" href="/zhuang/user/subscribeList">我订阅的职位</a>
                </div><!--end #myInfo-->
            </div>
        </div>
        <div class="Pagination">
            ${pageInfo.total}条
            ${pageInfo.pages}页
            <a href="/zhuang/user/collections?pageNum=1" >首页 </a>

            <c:if test="${pageInfo.pageNum gt 1}">
                <a href="/zhuang/user/collections?pageNum=${pageInfo.pageNum-1}">上一页</a>
            </c:if>

            <c:forEach begin="1" end="${pageInfo.pages}" var="i">
                <a href="/zhuang/user/collections?pageNum=${i}"
                        <c:if test="${i eq pageInfo.pageNum}"> class="current"</c:if>>${i}</a>
            </c:forEach>

            <c:if test="${pageInfo.pageNum lt pageInfo.pages}">
                <a href="/zhuang/user/collections?pageNum=${pageInfo.pageNum+1} ">下一页</a>
            </c:if>
            <a href="/zhuang/user/collections?pageNum=${pageInfo.pages}">尾页 </a>
            ${pageInfo.pageNum}/${pageInfo.pages}页
        </div>
    </div>


        <jsp:include page="/zhuang/include/backTop"></jsp:include>
    </div><!-- end #container -->
</div><!-- end #body -->
<jsp:include page="/zhuang/include/footer"></jsp:include>

<script src="<%=path%>/static/web/js/core.min.js" type="text/javascript"></script>
<script src="<%=path%>/static/web/js/popup.min.js" type="text/javascript"></script>

<!--  -->

<script type="text/javascript">
    $(function () {
        $('#noticeDot-1').hide();
        $('#noticeTip a.closeNT').click(function () {
            $(this).parent().hide();
        });
    });
    var index = Math.floor(Math.random() * 2);
    var ipArray = new Array('42.62.79.226', '42.62.79.227');
    var url = "ws://" + ipArray[index] + ":18080/wsServlet?code=314873";
    var CallCenter = {
        init: function (url) {
            var _websocket = new WebSocket(url);
            _websocket.onopen = function (evt) {
                console.log("Connected to WebSocket server.");
            };
            _websocket.onclose = function (evt) {
                console.log("Disconnected");
            };
            _websocket.onmessage = function (evt) {
                //alert(evt.data);
                var notice = jQuery.parseJSON(evt.data);
                if (notice.status[0] == 0) {
                    $('#noticeDot-0').hide();
                    $('#noticeTip').hide();
                    $('#noticeNo').text('').show().parent('a').attr('href', ctx + '/mycenter/delivery.jsp');
                    $('#noticeNoPage').text('').show().parent('a').attr('href', ctx + '/mycenter/delivery.jsp');
                } else {
                    $('#noticeDot-0').show();
                    $('#noticeTip strong').text(notice.status[0]);
                    $('#noticeTip').show();
                    $('#noticeNo').text('(' + notice.status[0] + ')').show().parent('a').attr('href', ctx + '/mycenter/delivery.jsp');
                    $('#noticeNoPage').text(' (' + notice.status[0] + ')').show().parent('a').attr('href', ctx + '/mycenter/delivery.jsp');
                }
                $('#noticeDot-1').hide();
            };
            _websocket.onerror = function (evt) {
                console.log('Error occured: ' + evt);
            };
        }
    };
    CallCenter.init(url);
</script>

<div id="cboxOverlay" style="display: none;"></div>
<div id="colorbox" class="" role="dialog" tabindex="-1" style="display: none;">
    <div id="cboxWrapper">
        <div>
            <div id="cboxTopLeft" style="float: left;"></div>
            <div id="cboxTopCenter" style="float: left;"></div>
            <div id="cboxTopRight" style="float: left;"></div>
        </div>
        <div style="clear: left;">
            <div id="cboxMiddleLeft" style="float: left;"></div>
            <div id="cboxContent" style="float: left;">
                <div id="cboxTitle" style="float: left;"></div>
                <div id="cboxCurrent" style="float: left;"></div>
                <button type="button" id="cboxPrevious"></button>
                <button type="button" id="cboxNext"></button>
                <button id="cboxSlideshow"></button>
                <div id="cboxLoadingOverlay" style="float: left;"></div>
                <div id="cboxLoadingGraphic" style="float: left;"></div>
            </div>
            <div id="cboxMiddleRight" style="float: left;"></div>
        </div>
        <div style="clear: left;">
            <div id="cboxBottomLeft" style="float: left;"></div>
            <div id="cboxBottomCenter" style="float: left;"></div>
            <div id="cboxBottomRight" style="float: left;"></div>
        </div>
    </div>
    <div style="position: absolute; width: 9999px; visibility: hidden; display: none;"></div>
</div>
</body>
</html>